.rich-img {
  max-width: 100%;
  height: auto;
  display: block;
}

.commentContainer {
  padding: 0 20rpx;
  .comment_title_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2rpx solid #ccc;
    padding: 30rpx 0;
    font-size: 34rpx;
    .iconfont {
      font-size: 50rpx;
    }
  }
  .commentList {
    width: 100%;
    .commentItem {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-bottom: 2rpx solid #ccc;
      padding: 30rpx 0;
      .user_info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        .avatar_username {
          display: flex;
          justify-content: center;
          align-items: center;
          image {
            width: 60rpx;
            height: 60rpx;
            border-radius: 50%;
            margin-right: 10rpx;
          }
        }
        .comment_time {
          color: #666;
        }
      }
      .comment_content {
        margin-top: 20rpx;
      }
    }
  }
  .seeMore {
    font-size: 38rpx;
    width: 100%;
    height: 90rpx;
    padding: 20rpx;
    text-align: center;
    line-height: 50rpx;
  }
  .commentEmpty {
    width: 100%;
    height: 297rpx;
    .emptyImage {
      margin: 48rpx auto 18rpx auto;
      height: 130rpx;
      display: block;
      width: 115rpx;
    }
    .emptyTxt {
      height: 43rpx;
      line-height: 43rpx;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 29rpx;
      color: #7f7f7f;
    }
  }
}

.topicRelated_container {
  width: 100%;
  background-color: #f4f4f4;
  padding: 20rpx;
  .topicRelated_title {
    width: 100%;
    height: 90rpx;
    padding: 20rpx;
    text-align: center;
    line-height: 50rpx;
  }
  .topicRelated_list {
    width: 100%;
    background-color: #fff;
    .topicRelated_item {
      width: 100%;
      padding: 20rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 20rpx;
      image {
        width: 100%;
        height: 400rpx;
      }
      .topicRelated_item_title {
        margin-top: 30rpx;
      }
    }
  }
}